<?php $class = "age"; ?>
<?php include 'inc/header.php'; ?>


<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-remove-circle"></span></button>
            <h4 class="modal-title" id="myModalLabel"><span class="glyphicon glyphicon-warning-sign"></span>Errores Encontrados:</h4>
            </div>
            <div class="modal-body">
                <ul>
                    <li>Debes seleccionar tu pais. <sup>(1)</sup></li>
                    <li>Debes ingresar una fecha de nacimiento válida. <sup>(2)</sup></li>
                    <li>Debes tener la edad autorizada en tu país de residencia para consumir alcohol.</li>
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                <!--<button type="button" class="btn btn-primary">Save changes</button>-->
        </div>
    </div>
  </div>
	<div class="modal-disclaimer">
        <p><small>
        	<sup>(1)</sup> Sólo para residentes de los países seleccionados.<br>  
        	<sup>(2)</sup> Para mayores de 18 años solamente.<br> 
            Para más información visite:  <a href="" title="">Términos y Condiciones</a>  |  <a href="" title="">Política de Privacidad</a>
        </small></p>
	</div>
</div>




<div class="row content">
	<div class="container">
    
    	<div class="col-md-6 centered-text region large-cta fadeInLeft slow">
            <span class="big">Participa</span><br>
            y tendrás la oportunidad <br>
            de ganar un<br>
            <span class="large">Reloj Bremont</span><br>
            <em>Edición Limitada</em>
        </div>
        
        <div class="col-md-6 centered-text region age-form fadeInRight slow">
        	<form>
                <div class="menu-country-wrapper">
                	<select id="country" name="country" class="form-control">
                        <option value="" selected="selected">Selecciona tu país</option>
                        <?php /*
                        foreach ($countries as $key => $value)
                        {
                            ?>
                            <option value="<?php echo $value['abbreviation']; ?>"><?php echo $value['name']; ?></option>
                            <?php
                        }
                        */ ?>
                        <option value="PR">Puerto Rico</option>
                        <option value="GA">Guatemala</option>
                        <option value="PA">Panamá</option>
                    </select><sup>(1)</sup>
                </div>
                
                <div class="col-md-12">
                	<h4>Ingresa tu fecha de nacimiento <sup>(2)</sup></h4>
                </div>
                
                <div class="col-md-12">
                
                	<div class="menu-day-wrapper">
                        <select id="birthday_2" name="birthday_2" class="form-control">
                            <option value="" selected="selected">DD</option>
                            <?php
                            for ($i=1; $i<=31; $i++){
                                if($i<10){
                                    ?>
                                    <option value="<?php echo '0'.$i; ?>"><?php echo '0'.$i; ?></option>
                                    <?php
                                }else{
                                    ?>
                                    <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                                    <?php
                                }	
                            }
                            ?>
                        </select>
                    </div>
               		
                    <div class="menu-month-wrapper">
                        <select id="birthday_1" name="birthday_1" class="form-control">
                            <option value="" selected="selected">MM</option>
                            <?php
                            for ($i=1; $i<=12; $i++){
                                if($i<10){
                                    ?>
                                    <option value="<?php echo '0'.$i; ?>"><?php echo '0'.$i; ?></option>
                                    <?php
                                }else{
                                    ?>
                                    <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                                    <?php
                                }	
                            }
                            ?>
                        </select>
                    </div>
               		
                    <div class="menu-year-wrapper">
                        <select id="birthday_3" name="birthday_3" class="form-control">
                            <option value="" selected="selected"> AAAA </option>
                            <?php
                            for ($i=1943; $i<=1995; $i++){
                                if($i<10){
                                    ?>
                                    <option value="<?php echo '0'.$i; ?>"><?php echo '0'.$i; ?></option>
                                    <?php
                                }else{
                                    ?>
                                    <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                                    <?php
                                }	
                            }
                            ?>
                        </select>
                    </div>
                    
                </div>
                
                <div class="col-md-12">
                	<div class="btn-wrapper">
                	<input class="submit-btn gold" type="button" value="Continuar" class="form-control" id="submit-age-btn" >
                    </div>
                </div>
                
            </form>
        </div>

        
    </div>
</div>

<div class="row">
	<div class="container">
    	<div class="col-md-9 centered-col zoomIn fast">
    		<img src="images/bremont-watch.png" width="100%" >
        </div>
    </div>
</div>


<?php include 'inc/footer.php'; ?>
